			*{
				margin:0;padding: 0;
				outline: 0;
				text-decoration: none;
			}

			html,body{
				height:100%; width:100%; overflow:hidden; margin:0;
				padding:0;
				
			}
			.my-btn:hover{
				background: #00bafd;
			}
			/* pc响应式 768px 改成 560px */
			@media  (min-width:560px ) {
				input::placeholder{
					color:#b8b8b8;
					opacity:0.8;
					font-size: 15px;
				}
				.contin{
					width: 100%;
					height: 100%;
					background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);					display:flex;
					align-items: center;
					justify-content: center;
				}
				.my-body{
					border-radius:5px ;
					 box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
					background-image: url(../img/beij.jpg);
					width: 400px;
					height: 300px;
					text-align: center;
					display: flex;
					flex-direction: column;
					align-items: center;
					
				}
				.my-body>h1{
					width: 80%;
					margin: 20px;
					font-size: 30px;
					color: #dcdcdc;
					font-weight: 400;
					letter-spacing: 3px;
					margin-bottom: 30px;
					text-align: center;
					
				}
				.my-body>div:nth-child(2),.my-body>div:nth-child(3){
					color: #eaeaea;
					margin-bottom: 20px;
					display: flex;
				}
				.my-body>div:nth-child(2)>input,.my-body>div:nth-child(3)>input{
					border-radius: 3px;
					margin-left: 12px;
					padding: 5px;
					border: 0;
				}
				.my-body>div:nth-child(2)>label,.my-body>div:nth-child(3)>label{
					font-size: 18px;	
				}
				.my-btn{
					margin-top: 20px;
					color: #e7e7e7;
					font-size: 18px;
					width: 200px;
					border-radius: 20px;
					padding: 5px;
					background:linear-gradient(to right,#52A0FD 0%,#00e2fa 80%,#00e2fa 100%);
					border: #0062CC;
				}
				.my-register{
					width: 430px;
					display: flex;
					justify-content: space-evenly;				
					margin-top: -10px;
					margin-bottom: 10px;			
				}
				.my-register>a{
					color: #e7e7e7;
					font-size: 14px;
					letter-spacing: 1px;
				}
				
			}
			/* 手机端响应式 768px 改成 560px */
			@media  (min-width:0 )and (max-width:560px){
				input::placeholder{
					color:#b3b3b3;
					opacity:0.8;
					font-size: 18px;
				}
				.contin{
					width: 100%;
					height: 100%;
					display:flex;
					justify-content: center;	
					background-color: #f8f8f8;
				}
				.my-body>h1{
					font-family: "Arial","Microsoft YaHei";
					color: #363636;
					font-weight: 350;
					margin-top: 120px;
					margin-bottom: 60px;
					letter-spacing: 1px;
					text-align: center;
				}
				.my-body>div:nth-child(2),.my-body>div:nth-child(3){
					color: #5e5e5e;
					margin-top: 30px;
					display: flex;
					border-bottom:1px solid wheat ;
				}
				.my-body>div:nth-child(2)>input,.my-body>div:nth-child(3)>input{
					background-color: transparent;
					color: #000000;
					font-size: 18px;
					border: 0;
					height: 30px;
					background-image: url(../img/pwd.png);
					background-repeat: no-repeat;
					background-position: 5px 0;
					background-size: 25px;
					padding-left: 38px;
				}
				.my-body>div:nth-child(2)>input{
					background-image: url(../img/me.png);
				}
				.my-body>div:nth-child(2)>label,.my-body>div:nth-child(3)>label{
					display: none;
				}
				.my-btn{
					margin-top: 60px;
					color: #3f3f3f;
					font-size: 20px;
					width: 100%;
					border-radius: 10px;
					padding: 8px;
/* 					background:linear-gradient(to right,#52A0FD 0%,#736EFE 50%,#0396FF 100%);
 */					
					background-color: transparent;
					border: #0062CC;
					border:1px solid #444;
				}
				.my-register{
					width: 100%;
					display: flex;
					justify-content: space-between;				
					margin-top: 20px;
				}
				.my-register>a{
					font-family: "arial black";
					color: #444444;
					font-size: 14px;
					letter-spacing: 1px;
				}
				
			}
			

			